<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设置</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/mine.css">
</head>

<body>
    <header>
        <div class="headImg">
            <img src="./images/mine/headImg.jpg" alt="">
        </div>
        <p class="name">
            乐橙36 >
        </p>
        <ul class="head-nav">
            <li>
                <a href="#">
                    <span>
                        0
                    </span>
                    <span>
                        关注
                    </span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span>
                        0
                    </span>
                    <span>
                        关注
                    </span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span>
                        0
                    </span>
                    <span>
                        关注
                    </span>
                </a>
            </li>
        </ul>
    </header>

    <main>
        <ul class="main-nav">
            <li>
                <a href="#">
                    <i class="iconfont icon-icon-test"></i>
                    收藏
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-lishijilu"></i>
                    历史
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-night"></i>
                    夜间
                </a>
            </li>
        </ul>

        <ul class="con1 call">
            <li>
                <a href="#">
                    消息通知
                    <i class="iconfont icon-jinru"></i>
                </a>
            </li>
        </ul>

        <ul class="con1 shop">
            <li>
                <a href="#">
                    头条商城
                    <i class="iconfont icon-jinru"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    京东特供 新人领188元红包
                    <i class="iconfont icon-jinru"></i>
                </a>
            </li>
        </ul>

        <ul class="con1 boom">
            <li>
                <a href="#">
                    我要爆料
                    <i class="iconfont icon-jinru"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    用户反馈
                    <i class="iconfont icon-jinru"></i>
                </a>
            </li>
        </ul>
    </main>

    <footer>
        <ul class="foot-nav">
            <li>
                <a href="#">
                    <i class="iconfont icon-shouye"></i>
                    首页
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-bofangsanjiaoxing"></i>
                    视频
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-guanzhu"></i>
                    关注
                </a>
            </li>
            <li class="foot-nav-on">
                <a href="#">
                    <i class="iconfont icon-dengluyemianyonghuming"></i>
                    我的
                </a>
            </li>
        </ul>
    </footer>

    <script src="./js/flexible.js"></script>
</body>

</html>